<template>
    <!-- <div class="main">
        <el-button type="primary">按钮</el-button>
    </div> -->
    <el-container>
        <el-header>header</el-header>
        <el-container>
            <el-aside width="100px">Aside</el-aside>
            <el-main>Main</el-main>
        </el-container>
        <el-footer>Footer</el-footer>
       <el-checkbox style="text-align: center; margin: 0 0 0px 0px;">记住我</el-checkbox>
        <el-form :model="form">
            <el-form-item label="用户名">
                <el-input v-model="form.userName" aria-required="true" :placeholder="122"></el-input>
            </el-form-item>
            <el-form-item label="密码">
                <el-input v-model="form.password"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" :loading = false @click="onSubmit">
                    <span>提家具</span>
                </el-button>
            </el-form-item>
        </el-form>
        <el-table>
            <el-table-column prop="date" label="日期" width="180"></el-table-column>>
            <el-table-column prop="name" label="姓名" width="180"></el-table-column>>
            <el-table-column prop="address" label="地址"></el-table-column>>
        </el-table>

        <el-button @click="openMessage">打开消息</el-button>
        <el-menu default-active="1" class="el-menu-demo" mode="horizontal">
            <el-menu-item index="1">首页</el-menu-item>
            <el-menu-item index="2">文档</el-menu-item>
            <el-menu-item index="3">关于</el-menu-item>
        </el-menu>
    </el-container>
</template>
<script>
export default {
    data() {
        return {
            form: {
                userName: '',
                password: ''
            }
        }
    },
    methods: {
        onSubmit() {
            console.log(this.form.userName + this.form.password)
        },
        openMessage() {
            this.$message({
                message: '操作成功',
                type: 'success'
            })
        }
    }
}
</script>
<style>
.main {
    margin-top: 20px;
}
</style>